<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录 - 支付宝</title>
  <link rel="stylesheet" href="index.css">
  <link rel="short icon" href="image/icon.png">

  <script src="index.js"></script>
</head>

<body>
  <!-- head部分的内容 -->
  <div class="head">
    <span class="head-text1">支付宝APP</span>
    <span class="head-text2">支付宝首页 丨 服务大厅 丨 提建议</span>
  </div>

  <!-- 阿里透明logo -->
  <img class="logo" src="https://mdn.alipayobjects.com/huamei_gk2yv1/afts/img/A*AiY9Ta3St6IAAAAAAAAAAAAADneBAQ/original" alt="logo">

  <!-- 登录框 -->
  <div class="box">
    <p class="title">账密登录</p>
    <hr>
    <div class="input-box">
      <img class="avatar" src="image/username.png" alt="用户名">>
      <input id="username" type="text" placeholder="邮箱地址/手机号">
    </div>
    <div class="input-box">
      <img class="avatar" style="margin-right: 12px;" src="image/password.png" alt="密码">
      <input id="password" type="password" placeholder="请输入密码">
    </div>
    <br>
    <button id="login-btn" onclick="handleLogin()">登 录</button>
  </div>

  <!-- 版权信息 -->
  <p class="copyright">
    关于支付宝 | 诚征英才 | 联系我们 | International Business | About Alipay
    <br><br>
    ICP证：合字B2-20190046
  </p>
</body>

</html>